<%--
  Created by IntelliJ IDEA.
  User: 贝爷
  Date: 2019/7/17
  Time: 14:49
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>补换卡业务</title>
  <link rel="stylesheet"type="text/css" href="css/card.css">
    <link rel="icon" href="imgs/logo.png">
    <script type="text/javascript" src="js/jquery-3.2.0.js"></script>

    <script type="text/javascript" src="js/qrcode.js"></script>
    <script type="text/javascript" src="js/jquery.qrcode.js"></script>
    <script type="text/javascript" src="js/spin.js"></script>
    <script src="js/card.js"></script>
</head>
<body style="background: url('imgs/index.jpg') ;width: 100%;height: 100%;overflow-x:auto;
overflow-y:auto; " onload="javascritp:window.resizeTo(screen.availWidth,screen.availHeight)">

<div style="width: 100%;height: 30%;text-align: center;line-height: 300%;;margin-top: -3%">
    <div  class="divhead5">刷身份证</div>
    <div  class="divhead1">确认信息</div>
    <div class="divhead2">补全信息</div>
    <div class="divhead3">缴费登记</div>
    <div class="divhead4">正在制卡</div>
</div>
<%--/*信息补全显示*/--%>
<div style="height: 50%;width: 100%;font-size: 1.5vw;text-align: center;color: white" id="phone">
    请输入手机号: <input type="number"  class="mytxt">
</div>
<%--身份信息显示*/--%>
<div style="width: 100%;height: 60%;display: flex;margin-left: 30%" id="card">
    <img src="imgs/zb.bmp" width="12%" height="50%" class="imgs" style="margin-top: 1.5%">
    <div style="height: 50%;width: 100%;margin-left: 5%">
        <ul>
            <li class="li">姓名：<span class="name"></span></li>
            <li class="li">身份证号：<span class="IDcard"></span></li>
            <li class="li">地址：<span class="addr"></span></li>
            <li class="li">状态：<span class="sate" style="color: red"></span ></li>
        </ul>
    </div>

</div>
<div style="height: 50%;width: 100%;font-size: 1.2vw;margin-left: 30%" class="pay">
    <h1 style="margin-left: 15%;color: white">缴费明细</h1>
    <ul style="margin-left: 10%">
        <li class="li">缴费人：<span class="payname">胡家浩</span></li>
        <li class="li">缴费账号：<span class="paycode">15515650927</span></li>
        <li class="li">订单号：<span class="paycard">20199747142782878734</span></li>
        <li class="li">支付结果：<span class="payres" style="color: red">支付成功</span ></li>
    </ul>
</div>
<%--按钮--%>
<div style="width: 100%;height: 30%;" id="divbtn">

    <button class="button" style="margin-left: 10%" id="btn2">取消</button>
    <button class="button" style="margin-left: 40%" id="btn">确认挂失</button>

</div>
<%--弹出框特效--%>
<div class="over"></div>
<div class="alert">

    <div class="loader">
        <div class="dot"></div>
        <div class="dot"></div>
        <div class="dot"></div>
        <div class="dot"></div>
        <div class="dot"></div>
    </div>

</div>
</body>
</html>
